<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="/home" class="navbar-brand">Sistema de Entretenimiento Familiar</a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav">     
				<li id="menu_service" class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Servicios <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	          <li><a href='<%=request.getContextPath()%>/servicios?template=registro'>Registrar</a></li>
	          <li><a href='<%=request.getContextPath()%>/servicios?template=consulta'>Consultar</a></li>	          
	        </ul>
	      </li> 
	      	<li id="menu_juego" class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Juegos <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	        <li><a href='<%=request.getContextPath()%>/juegos?template=registro'>Registrar</a></li>
	          <li><a href='<%=request.getContextPath()%>/juegos?template=consulta'>Consultar</a></li>
	          </ul>
	      </li>   
	      <li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dia de Campo <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	        <li><a href="#">Registrar</a></li>
	          <li><a href="#">Consultar</a></li>
	        </ul>
	      </li>  
	            <li id="menu_usuario" class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Usuarios <b class="caret"></b></a>
	        <ul class="dropdown-menu">
	        <li><a href='<%=request.getContextPath()%>/usuarios?template=registro'>Registrar</a></li>
	          <li><a href='<%=request.getContextPath()%>/usuarios?template=consulta'>Consultar</a></li>
	        </ul>
	      </li>              
       <!--  <li class="active">
          <a href="#">Customize</a>
        </li>-->
      </ul>
    </nav>
  </div>
</header>
<script type="text/javascript" >
$(document).on('ready',function(){
	var menu_activo = '<%=request.getAttribute("active_menu")%>' ;
	if (menu_activo !== undefined || menu_activo === 'null'){
		$('#'+menu_activo).addClass('active');
	}
});
</script>